<template>
    <div>
        <!--{#if $interview}}-->
        <template v-if="data.interview">
            <div id="container">
                <!--{#foreach from=$interview  item=list}}-->
                <article v-for="list in data.interview" :class="list.personal_look!=1 ? 'classifylist box thisurl ed' : 'classifylist box thisurl'" :url="'../' + list.job_url">
                    <section class="title flex-box">
                        <div class="name">{{list.company_name}}</div>
                        <div class="status flex2"><span v-if="list.personal_look == 1">未查看</span></div>
                    </section>
                    <section class="txt flex-box">
                        <div class="left">职位：{{list.jobs_name}}</div>
                        <div class="right flex2">邀请时间：{{list.interview_addtime}}</div>
                    </section>
                    <section class="content flex-box">内容：{{list.notes != "" ? list.notes : '无面试通知！'}}</section>
                </article>
                <!--{#/foreach}}-->
            </div>
            <!-- 正在加载 -->
            <article class="loadinglist flex-box">
                <div class="spinner">
                    <div class="spinner-container container1">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container2">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container3">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                </div>
            </article>
            <!-- 没有更多职位了 -->
            <article class="optionlist optionlisteditworkexp personalinfo remindnoinfo">
                <section class="flex-box list" url="">
                    <div class="right cof90 flex2 nobm">没有更多申请职位了！</div>
                </section>
            </article>
        </template>
        <template v-else>
            <!--{#else}}-->
            <article class="nodata">
                <div class="cryimg flex-box"><span class="icon-user-crying"></span></div>
                <div class="txt flex-box">你还没有收到过面试邀请！</div>
                <div class="hint flex-box">我们为您准备了<span>350万</span>份工作，随便你挑哦！</div>
            </article>
            <article class="flex-box arlogout">
                <x-button type="primary" @click.native="go('m_jobs')">搜索职位</x-button>
            </article>
            <!--{#/if}}-->
        </template>
    </div>
</template>
<script>
import {
    PopupPicker,
    Datetime,
    XTextarea,
    XInput,
    Group,
    XButton
} from 'vux'


export default {
    components: {
        PopupPicker,
        Datetime,
        XTextarea,
        XInput,
        Group,
        XButton
    },
    mounted: function() {
        // this.getData();
    },
    updated: function() {

    },
    methods: {
        go(name) {
            this.$router.push(`/${name}`)
        },
        getData: function() {
            
        }
    },
    data() {
        return {
            edulist: [
                ["大专以下", "大专", "本科", "硕士", "研究生", "博士"]
            ],
            value6: [],
            time1: '2017-06-01',
            data: {
                resume_train: {
                    startyear: "",
                    startmonth: "",
                    endyear: "",
                    endmonth: ""
                },
                smartyGet: {}
            }
        }
    }
}
</script>
<style scoped>

</style>
